<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/iosSelect.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script>
        var _hmt = _hmt || [];
        (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?b25bf95dd99f58452db28b1e99a1a46f";
        var s = document.getElementsByTagName("script")[0]; 
        s.parentNode.insertBefore(hm, s);
        })();
</script>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

</head>

<body>

<!--  / header  -->
<div class="header_longevity">
     <div class="header_map_longevity">   
        <img src="images/jiantou.png" alt="">
        <span>返回</span>
     </div>
     <div class="logo_longevity">个人服务</div> 
     <div class="header_shop_longevity">提交</div>
</div>
<!--  / header  -->


<div class="companyDocument">
	
	<div class="personalService_sec1">
		<label for="">真实姓名：</label>
		<input type="text" placeholder="请填写真实姓名">
	</div>
	<div class="personalService_sec2 clearfix">
                <span class="energetic3-list-left">性别</span>
                <div class="energetic3-list-right">
                    <span>
                        <div class="form-item item-line stroy_join_list1">                                  
                            <div class="pc-box">                     
                                <input type="hidden" name="bank_id" id="bankId" value="">                     
                                <span id="showBank">性别</span>  
                            </div>             
                        </div>
                    </span>
                    <img src="images/right.png" alt="">
                </div>
    </div>
    <div class="personalService_sec2 clearfix">
                <span class="energetic3-list-left">年龄</span>
                <div class="energetic3-list-right">
                    <span>
                        <div class="form-item item-line stroy_join_list1">                                  
                            <div class="pc-box">                     
                                <input type="hidden" name="bank_id" id="bankId1" value="">                     
                                <span id="showBank1">年龄</span>  
                            </div>             
                        </div>
                    </span>
                    <img src="images/right.png" alt="">
                </div>
    </div>
    <div class="personalService_sec2">
		<label for="">身份证号：</label>
		<input type="text" placeholder="请输入您的身份证号">
	</div>
	<div class="personalService_sec3">
		<label for="">请上传真实头像</label>
		<div class="personalService_sec3_img">
			<img src="images/personalService1.png" alt="" width="100%">
		</div>		
	</div>
	<div class="companyDocument_sec2">
		<label for="">个人身份证正反面：</label>
	</div>	
	<div class="companyDocument_sec3 clearfix">
		<div class="companyDocument_sec3_left">
			<img src="images/companyDocument4.png" alt="" width="100%">
			<span>上传正面</span>
		</div>
		<div class="companyDocument_sec3_right">
			<img src="images/companyDocument4.png" alt="" width="100%">
			<span>上传反面</span>
		</div>
	</div>
	<div class="personalService_sec4">
		注：为保障审核顺利通过，请真实填写个人资料(资料提交后不能修改)
	</div>
	
</div>

</body>

<script src="js/bank2.js"></script>
<script src="js/iosSelect.js"></script>
<script type="text/javascript">
    var showBankDom = document.querySelector('#showBank');
    var bankIdDom = document.querySelector('#bankId');
    showBankDom.addEventListener('click', function () {
        var bankId = showBankDom.dataset['id'];
        var bankName = showBankDom.dataset['value'];
        var bankSelect = new IosSelect(1, 
            [data],
            {
                container: '.container',
                title: '',
                itemHeight: 50,
                itemShowCount: 3,
                oneLevelId: bankId,
                callback: function (selectOneObj) {
                    bankIdDom.value = selectOneObj.id;
                    showBankDom.innerHTML = selectOneObj.value;
                    showBankDom.dataset['id'] = selectOneObj.id;
                    showBankDom.dataset['value'] = selectOneObj.value;
                },
                fallback: function () {
                    console.log(1);
                },
                maskCallback: function () {
                    console.log(2);
                }
        });
    });
</script>

<script src="js/bank3.js"></script>
<script src="js/iosSelect.js"></script>
<script type="text/javascript">
    var showBankDom1 = document.querySelector('#showBank1');
    var bankIdDom1 = document.querySelector('#bankId1');
    showBankDom1.addEventListener('click', function () {
        var bankId1 = showBankDom1.dataset['id'];
        var bankName1 = showBankDom1.dataset['value'];
        var bankSelect = new IosSelect(1, 
            [data1],
            {
                container: '.container',
                title: '',
                itemHeight: 50,
                itemShowCount: 3,
                oneLevelId: bankId,
                callback: function (selectOneObj) {
                    bankIdDom1.value = selectOneObj.id;
                    showBankDom1.innerHTML = selectOneObj.value;
                    showBankDom1.dataset['id'] = selectOneObj.id;
                    showBankDom1.dataset['value'] = selectOneObj.value;
                },
                fallback: function () {
                    console.log(1);
                },
                maskCallback: function () {
                    console.log(2);
                }
        });
    });
</script>
<script>
$(window).ready(function(){

$('.header_map_longevity').click(function(){
    history.go(-1);
});
$('.longevity1 li').click(function(){
    window.location.href = "InformationDetails.html";
});
$('.header_shop_longevity').click(function(){
	window.location.href = "CompanyDocuments.html";
})
 
})  
</script>
</html>
